@charset "utf-8";
/* CSS Document */

*{ padding:0px; margin:0px;}
body{
	
}
.top {
	background-color: rgba(0,0,0,1);
	height: 50px;
	width: 100%;
}
.one {
	font-size: 20px;
	line-height: 50px;
	text-align: left;
	display: block;
	height: 50px;
	width: 180px;
	color: rgba(153,153,153,1);
	font-weight: bold;
	margin-left: 10px;
	float: left;
}
.top ul {

	float: left;
	height: 50px;
	width: 700px;
	margin-left: 10px;
}

ul li img {
	float: left;
}

.top ul li {
	height: 50px;
	width: 100px;
	float: left;
	list-style-type: none;
	 -webkit-box-sizing:border-box;
}

.top ul li a {text-decoration: none;
font-size: 14px;
	line-height: 50px;
	text-align: center;
	display: block;
	color: rgba(153,153,153,1);
	transition:1s;
}
/*h1{ widows:100%; height:500px; font:100px/200px "方正剪纸简体"; text-align:center; border:2px solid rgba(0,0,255,1);transition:1s; -webkit-text-stroke:4px purple;}*/
 
.top ul li a:hover{  color:rgba(204,204,153,1); text-shadow:0 0 100px #FFFF66; -webkit-text-stroke:1px orange; }
.top ul li:nth-of-type(1){	background-image: url(../images/one.png); 
background-repeat: no-repeat;	background-position: left center;	padding-left: 20px; }
.top ul li:nth-of-type(2){	background-image:url(../images/two.png);
background-repeat: no-repeat;	background-position: left center;	padding-left: 20px; }
.top ul li:nth-of-type(3){	background-image:url(../images/three.png);
background-repeat: no-repeat;	background-position: left center;	padding-left: 20px;}
.top ul li:nth-of-type(4){	background-image:url(../images/four.png);
background-repeat: no-repeat;	background-position: left center;	padding-left: 20px;}
.top ul li:nth-of-type(5){	background-image:url(../images/seven.png);
background-repeat: no-repeat;	background-position: left center;	padding-left: 20px;}
.top ul li:nth-of-type(6){	background-image:url(../images/five.png);
background-repeat: no-repeat;	background-position: left center;	padding-left: 20px;}
.top ul li:nth-of-type(7){	background-image:url(../images/six.png);background-repeat: no-repeat;	background-position: left center;	padding-left: 20px;}
.return {
	background-image: url(../images/return.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 50px;
	width: 150px;
	padding-left: 10px;
	float: right;
	color: rgba(204,204,204,1);
	line-height: 50px;
	text-align: center;
	display: block;
}
.top ul li .hide{ height:200px; width:200px; background-color:rgba(153,153,153,0.5);display:none;}
.top ul li:hover .hide{ display:block;}
h6 span {
	background-image: url(../images/iphone.png);
	background-repeat: no-repeat;
	background-position: 80px;
}
h6 img {
	padding-top: 20px;
}
